@media screen and (min-width: 320px) and (max-width: 767px){
	html{font-size: 16px};
	.ban{
		width: 100%;
		height: 100%;
	}
	.ban img{
		width: 100%;
		height: 100%;
	}
	.weizhi{
		margin-top: 2%;
	}
	.im{
		width: 100%;
		height: 100%;
		margin-top: 0%;
	}
	.im img{
		width: 100%;
		height: 100%;
	}
	h2{
		font-size: 1.5rem;
		margin: 0 auto;
		margin-top: 10%;
	}
	.mai{
		width: 90%;
	}
	.po{
		width: 60%;
		height: 100%;
	}
	.po img{
		width: 100%;
		height: 100%;
	}
	.jie{
		width: 40%;
		height: 116px;
		background-position: 15px 40px;
	}
	h3{
		font-size: 0.38rem;
		margin-top: 28%;
		margin-left:19%;
	}
	.guo{
		font-size: 0.4rem;
		margin-left: 14%;
		margin-top: 10%;
	}
	.yong{
		width: 90%;
		margin: 0 auto;
	}
	.yong li{
		width: 45%;
		height: 100%;
	}
	.jiu{
		width: 100%;
		height: 100%;
	}
	.jiu img{
		width: 100%;
		height: 100%;
	}
	.yong li{
		margin-top: 5%;
		margin-right: 10%;
	}
	.yong li:nth-of-type(2){
		margin-right: 0;
	}
	.yong li p{
		font-size: 0.75rem;
	}
	.aa{
		width: 100%;
		height: 20px;
	}
	footer{
		height: auto;
	}
}